<template>
  <van-cell
    @click="$emit('click')"
    center
    :border="false"
    class="mm-cell"
    :value="value"
    is-link
  >
    <template #title>
      <i v-if="icon" :class="`iconfont ${icon}`"></i>
      <span class="custom-title">{{ title }}</span>
    </template>
    <template>
      <slot></slot>
    </template>
  </van-cell>
</template>

<script>
export default {
  name: 'mm-cell',
  props: ['value', 'icon', 'title']
}
</script>

<style lang="less">
// 2个类名
.van-cell.mm-cell {
  height: 55px;
  width: 345px;
  .iconfont {
    margin-right: 12px;
  }
}
</style>
